<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--div和span-->
    <!--
            1、div和span都是图层。(div和span都是盒子)
            2、什么是图层,有什么用?
                每一个图层在网页当中都是一个独立的盒子。
                图层的最主要作用就是:网页布局
            3、 table表格不是可以布局吗? 
                    table表格布局有什么缺点:不灵活
                    div和span布局更加灵活。
            4、每一个div和span左上角的顶点,都有x和y轴的坐标,通过这个坐标可以定位div在网页当中的位置。
            我们可以通过css样式进定位。
            5、很久以前都是采用 table进行布局,现代化的网页都是采用div+span进行布局。
            6、对于web前端来说,怎么调试程序?
                每一个浏览器都内置了调试器。
                使用快捷键F12,可以调出来调试器。
            7、div和span有什么区别?
                div默认情况下独自占用1行。
                span不会独占行-->
    <div id=div1 ">我是一个div! </div>
    是新的一行吗?
    <span id="myspan ">我是一个span标签!</span>
    
    <!-- div嵌套 -->
        <div>
            <div>
                <div>
                    <span></span>
                </div>
            </div>
        </div>

</body>
</html>